<div class="mobile">
    <ul class="mobile-menu">
        <div class="dropdown">
            <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
                <i class="fa fa-bars"
                   aria-hidden="true"></i>
            </button>
            <ul class="dropdown-menu">

                <li>
                    <a href="/index/index/ybkj">
                        <i class="fa fa-2x fa-tachometer" aria-hidden="true"></i>
                        <span>仪表板</span>
                    </a>
                </li>
                <li>
                    <a href="/index/index/allpro">
                        <i class="fa fa-2x fa-th" aria-hidden="true" style="transform: rotate(180deg);"></i>
                        <span>所有你的产品</span>
                    </a>
                </li>

                <li>
                    <a href="/index/index/zuzhi">
                        <i class="fa fa-2x fa-sitemap" aria-hidden="true" style="transform: rotate(-90deg);"></i>
                        <span>组织架构</span>
                    </a>
                </li>
                <li>
                    <a href="/index/index/buyplan">
                        <i class="fa fa-2x fa-circle-o" aria-hidden="true"></i>
                        <span>二进制计划</span>
                    </a>
                </li>
                <li>
                    <a href="/index/index/zhitui">
                        <i class="fa fa-2x fa-users" aria-hidden="true"></i>
                        <span>直推伙伴</span></a>
                </li>
                <li>
                    <a href="/index/index/buyjz">
                        <i class="fa fa-2x fa-sitemap" aria-hidden="true" style="transform: rotate(180deg);"></i>
                        <span>矩阵</span>
                    </a>
                <li>
                    <a href="/index/index/cash">
                        <i class="fa fa-2x fa-circle" aria-hidden="true"></i>
                        <span>提现</span>
                    </a>
                </li>

                <li>
                    <a href="/index/index/userzy">
                        <i class="fa fa-2x fa-exchange" aria-hidden="true"></i>
                        <span>用户转移</span>
                    </a>
                </li>

                <li>
                    <a href="/index/index/myinfo">
                        <i class="fa fa-2x fa-cogs" aria-hidden="true"></i>
                        <span>设置</span>
                    </a>
                </li>
                <li>
                    <a target="_blank" href="#">
                        <i class="fa fa-2x fa-dollar" aria-hidden="true"></i>
                        <span>购买加密货币</span>
                    </a>
                </li>
                <li>
                    <a href="/index/index/loginout">
                        <i class="fa fa-2x fa-sign-out" aria-hidden="true"></i>
                        <span>登出</span>
                    </a>
                </li>
            </ul>
        </div>
    </ul>
</div>

<style>
    .sidebar:hover {
        width: 170px;
    }
</style>

<div class="sidebar">
    <ul class="sidebar-menu">

        <li>
            <a href="/index/index/ybkj">
                <i class="fa fa-2x fa-tachometer" aria-hidden="true"></i>
                <span>仪表板</span>
            </a>
        </li>
        <li>
            <a href="/index/index/allpro">
                <i class="fa fa-2x fa-th" aria-hidden="true" style="transform: rotate(180deg);"></i>
                <span>所有你的产品</span>
            </a>
        </li>

        <li>
            <a href="/index/index/zuzhi">
                <i class="fa fa-2x fa-sitemap" aria-hidden="true" style="transform: rotate(-90deg);"></i>
                <span>组织架构</span>
            </a>
        </li>
        <li>
            <a href="/index/index/buyplan">
                <i class="fa fa-2x fa-circle-o" aria-hidden="true"></i>
                <span>二进制计划</span>
            </a>
        </li>
        <li>
            <a href="/index/index/zhitui">
                <i class="fa fa-2x fa-users" aria-hidden="true"></i>
                <span>直推伙伴</span></a>
        </li>
        <li>
            <a href="/index/index/buyjz">
                <i class="fa fa-2x fa-sitemap" aria-hidden="true" style="transform: rotate(180deg);"></i>
                <span>矩阵</span>
            </a>
        <li>
            <a href="/index/index/cash">
                <i class="fa fa-2x fa-circle" aria-hidden="true"></i>
                <span>提现</span>
            </a>
        </li>

        <li>
            <a href="/index/index/userzy">
                <i class="fa fa-2x fa-exchange" aria-hidden="true"></i>
                <span>用户转移</span>
            </a>
        </li>

        <li>

        <li>
            <a href="/index/index/myinfo">
                <i class="fa fa-2x fa-cogs" aria-hidden="true"></i>
                <span>设置</span>
            </a>
        </li>
        <li>
            <a target="_blank" href="#">
                <i class="fa fa-2x fa-dollar" aria-hidden="true"></i>
                <span>购买加密货币</span>
            </a>
        </li>
        <li>
            <a href="/index/index/loginout">
                <i class="fa fa-2x fa-sign-out" aria-hidden="true"></i>
                <span>登出</span>
            </a>
        </li>
    </ul>
</div>